<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
    String nombreDeUsuario = "";
    HttpSession sesionOk = request.getSession();
    
    if (sesionOk.getAttribute("nombreUsuario") == null || !sesionOk.getAttribute("privilegio").equals("2")) 
    {
%>
        <jsp:forward page="Login.jsp">
            <jsp:param name="error" value="Es obligatorio identificarse"/>
        </jsp:forward>
<%
    } 
    else 
    {
        nombreDeUsuario = (String)sesionOk.getAttribute("nombreUsuario");
    }
%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Portal de <%=nombreDeUsuario%></title>        
        <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
        <script language="javascript" type="text/javascript" src="js/js_modificacionDatosGeneralesAlumno.js"></script>
        <script language="javascript" type='text/javascript' src="js/js_portalAlumno.js"></script>
        <script language="javascript" type='text/javascript' src="js/js_generacionHorarios.js"></script>
        <script language="javascript" type='text/javascript' >
        
        $(document).ready(function()
        {                             
             $("#configID").click(function()
            {
                $("#modificarID").slideToggle("slow");
                
            });
            
             $("#modificarID").click(function()
            {                
               mostrarDatosGeneralesAlumno('<%=nombreDeUsuario%>');
            });
            
            $("#modificarContrasenia").click(function()
            {                
               window.location = 'ModificacionCuentaAlumno.jsp';
            });
            
            $("#eliminarCuenta").click(function()
            {                
               window.location = 'EliminacionCuentaAlumno.jsp';
            });
            
            $("#gestionarEstadoAsignaturas").click(function()
            {                
               window.location = 'RegistroDeAsignaturasAlumno.jsp';
            });
            
            $("#generarHorario").click(function()
            {
                var htmlGeneracionHorario =                 
                "Seleccione el numero de materias:"+
                    "<select id=\"selectID\">"+                    
                        "<option>1</option>"+
                        "<option>2</option>"+ 
                        "<option>3</option>"+
                        "<option>4</option>"+
                        "<option>5</option>"+
                        "<option>6</option>"+
                        "<option>7</option>"+
                        "<option>8</option>"+
                        "<option>9</option>"+
                        "<option>10</option>"+
                    "</select>"+
                    "<input type=\"button\" value=\"Generar opciones de horario\" id=\"generarID\">";                 
                
                $("#respuesta_general").html(htmlGeneracionHorario);
                
                $("#generarID").click(function()
                {                                
                    mostrarHorario();
                });
                
            });
            
            
        });
        
    </script>
    </head>    
        
    <body>
        <h1>Hola Alumno <%=nombreDeUsuario%></h1>
              
        <input type="button" value="Modificar Datos Generales" id="modificarID">        
        <input type="button" value="Modificar contrase&ntilde;a" id="modificarContrasenia"/>
        <input type="button" value="Eliminar cuenta" id="eliminarCuenta"/>
        <input type="button" value="Gestionar estado de asignaturas" id="gestionarEstadoAsignaturas"/>
        <input type="button" value="Generar opciones de horarios" id="generarHorario"/>
        
        <div id="respuesta_general"></div>
        
        <a href="CerrarSesion.jsp">Cerrar Sesi&oacute;n</a>
    </body>
</html>
